<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ErichParts-Register</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="//at.alicdn.com/t/font_529087_085aa0r582u4bo6r.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="app">
  <ep-header>
    <template slot="top">
      <ep-drop-down class="ep-fl">
        <div class="customer-service">
          Customer Services <i class="ep icon-drop-down"></i>
        </div>
        <ep-drop-down-menu slot="dropdown" location="center">
          <ul>
            <li></li>
          </ul>
        </ep-drop-down-menu>
      </ep-drop-down>
      <ep-drop-down class="ep-fr">
        <div class="user-cart">
          <i class="ep icon-cart"></i>
          <span class="cart-number">0</span>
          Cart <i class="ep icon-drop-down"></i>
        </div>
        <ep-drop-down-menu width="200px" location="right">
          <div>
            Cart
          </div>
        </ep-drop-down-menu>
      </ep-drop-down>
      <div class="user-panel ep-fr">
        <a href="#">My</a><a href="#">Sign in</a><a href="/register.html">Join</a><a href="#">Collection</a>
      </div>
    </template>
    <template slot="logo">
      <img class="logo" src="https://ng.ant.design/assets/img/angular.svg">
      <p class="blue"><span class="orange">E</span>rich<span class="orange">p</span>arts</p>
    </template>
    <template slot="nav">
      <ep-drop-down class="ep-fl">
        <div class="nav-menus">
          <i class="ep icon-menu"></i>
          PRODUCTS CATEGORIES
          <ep-drop-down-menu slot="dropdown" class="nav-dropdown-menus" :arrow="false">
            <ul class="categories-menus">
              <ep-category-menu name="IPHONE" tag="popular">
                <ep-submenu slot="child-menus">
                  <ep-submenu-item name="iPhone X"></ep-submenu-item>
                  <ep-submenu-item name="iPhone X"></ep-submenu-item>
                  <ep-submenu-item name="iPhone X"></ep-submenu-item>
                  <ep-submenu-item name="iPhone X"></ep-submenu-item>
                  <ep-submenu-item name="iPhone X"></ep-submenu-item>
                  <ep-submenu-item name="iPhone X"></ep-submenu-item>
                  <ep-submenu-item name="iPhone X"></ep-submenu-item>
                </ep-submenu>
              </ep-category-menu>
              <ep-category-menu name="SamSung"></ep-category-menu>
              <ep-category-menu name="OPPO"></ep-category-menu>
              <ep-category-menu name="HuaWei"></ep-category-menu>
              <ep-category-menu name="Tools"></ep-category-menu>
            </ul>
          </ep-drop-down-menu>
        </div>
      </ep-drop-down>
      <ul class="ep-fl menus">
        <li>
          <a href="#">HOME</a><span>|</span>
        </li>
        <li>
          <a href="#">Cellphone</a><span>|</span>

        </li>
        <li>
          <a href="#">Tablet</a><span>|</span>
        </li>
        <li>
          <a href="#">Notebook</a><span>|</span>
        </li>
        <li>
          <a href="#">Tools</a><span>|</span>
        </li>
        <li>
          <a href="#">Accessories</a>
        </li>
      </ul>

      <div class="search-box ep-fr">
        <input class="from-control ep-fl" placeholder="Search"/>
        <button class="search-btn ep-fl"><i class="ep icon-search"></i></button>
      </div>
    </template>
  </ep-header>
  <div class="ep-content">
    <div class="container-fluid">
      <div class="container-fluid-row">
        <div class="row-fluid">
          <div class="ep-breadcrumbs">
            <span><a href="#">Home</a></span>
            <i class="ep icon-line-arrow"></i>
            <span>Registration</span>
          </div>
        </div>
      </div>
      <div class="container-fluid-row margin-top-20">
        <div class="row-fluid">
          <div class="span8">
            <h1 class="ep-box-title">
              Register for a new account
            </h1>
            <div class="ep-box-body">
              <ep-register-form action-url="/shop/api/shop/member/register.do" validcode-url="/shop/validcode.do?vtype=memberreg"></ep-register-form>
            </div>
          </div>
          <div class="span8 profile-information-grid">
            <div class="ep-account-benefits">
              <h4>Benefits of becoming a registered member</h4><ul><li>Log in at any time to check order statuses</li><li>Personalize your shopping</li><li>Speed up future purchases</li></ul>
            </div>
          </div>
        </div>
      </div>
    </div>

  </div>

  <ep-footer>
    <template slot="logo">
      <img class="logo" src="https://ng.ant.design/assets/img/angular.svg">
    </template>
    <template slot="service">
      <div class="service-link">
        <div class="service-link-title">

          <span>Ordering Guide</span>

        </div>
        <div class="service-link-body">

          <ul class="service-text-links">
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="service-link">
        <div class="service-link-title">

          <span>Ordering Guide</span>

        </div>
        <div class="service-link-body">

          <ul class="service-text-links">
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="service-link">
        <div class="service-link-title">

          <span>Ordering Guide</span>

        </div>
        <div class="service-link-body">

          <ul class="service-text-links">
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="service-link">
        <div class="service-link-title">

          <span>Ordering Guide</span>

        </div>
        <div class="service-link-body">

          <ul class="service-text-links">
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="service-link">
        <div class="service-link-title">

          <span>Ordering Guide</span>

        </div>
        <div class="service-link-body">

          <ul class="service-text-links">
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
            <li class="service-text-links__item">
              <a class="service-text-links__a" href="#">Register new account</a>
            </li>
          </ul>
        </div>
      </div>
    </template>
  </ep-footer>
</div>
</body>
<script>

</script>
</html>
